<template>
    <component :is="iconComponent" />
  </template>
  
  <script setup>
  import { defineProps, computed } from 'vue';
  import * as icons from '@ant-design/icons-vue';
  
  const props = defineProps({
    name: String
  });
  
  // 计算属性，根据传入的图标名称获取对应的图标组件
  const iconComponent = computed(() => {
    const { name } = props;
    if (name in icons) {
      return icons[name];
    } else {
      // 如果找不到对应的图标，返回默认的图标或者其他处理方式
      return icons['DefaultOutlined']; // 或者返回 null，空白图标等
    }
  });
  </script>
  